<template>
	<view class="conter">
		<view class="headerBanner" id="headerBanner">
			<swiper class="headerBanner" :interval="6000" :circular="true" :autoplay="true" :display-multiple-items="1">
				<swiper-item v-for="item in bannerimgs">
					<image class="headerBanner" :src="item.pic" mode="" @click="goPages(item.url)"></image>
				</swiper-item>
			</swiper>
		</view>
		<view class="conterAee">
			<view class="search" @click="goPages('/pages/Job/shaiXuan')" v-if="in_conf.if_show && in_conf.if_show.search">
				<image class="search-img" :src="imgUrl+'/search.png'" mode=""></image>
				<vie>搜索职位</vie>
			</view>
			<!-- nav 导航 -->
			<view class="cont flex-height-between cont-nav"  >
				<view class="ast" @click="goPages(item.url)" v-for="(item,index) in in_conf.s_name">
					<image class="nav-ast" :src="imgUrl+item.img" mode=""></image>
					<view class="cont-nav-title">{{item.name}}</view>
				</view> 
				<!-- <view class="ast" @click="goPages('/pages/index/danwei')" >
					<image class="nav-ast" :src="imgUrl+'/nav/nav-2.png'" mode=""></image>
					<view class="cont-nav-title">明星企业</view>
				</view>
				<view class="ast" @click="goPages('/pages/index/wenjiLiw')" >
					<image class="nav-ast" :src="imgUrl+'/nav/nav-4.png'" mode=""></image>
					<view class="cont-nav-title">智库报告</view>
				</view>
				<view class="ast" @click="goPages('/pages/Job/shaiXuan')">
					<image class="nav-ast" :src="imgUrl+'/nav/nav-3.png'" mode=""></image>
					<view class="cont-nav-title" >招聘信息</view>
				</view> -->
			</view>
			<!-- 直播推荐 -->
			<view class="cont streaming-cont" v-if="livelist.length">
				<view class="streaming flex-height-between">
					<view class="">
						<view class="title">推荐直播</view>
						<view class="sub-title">大咖云集，职场深度讲解</view>
					</view>
				</view>
				<!-- {"id":6,"stream_name":"61998230","uid":0,"live_title":"直播专题","start_play_time":"2024-11-25 21:43:57","stop_play_time":"2024-11-25 23:23:57","live_introduction":"直播专题","special_id":150,"online_user_num":0,"online_num":0,"studio_pwd":"","is_remind":0,"remind_time":0,"auto_phrase":"直播专题","add_time":"2024-11-25 21:45:27","is_del":0,"is_recording":0,"is_play":0,"recording":0,"record_time":0,"is_playback":0,"playback_record_id":"","sort":0,"admin_id":0,"pay_type":0,"member_pay_type":0,"buy_user_num":12} -->
				<view class="streaming-list LiveStreaming" @click="locationHerf(item.live_introduction)" v-for="(item,index) in livelist">
					<!-- <navigator :url="item.live_introduction">
					</navigator> -->
					<image class="cover" :src="item.live_image" mode=""></image>
					<view class="streaming-right">
						<view class="title">{{item.live_title}}</view>
						<view class="flex">
							<view class="type">
								<image class="imgars" :src="imgUrl+'/zhobao.png'" mode=""></image>
								{{item.start_play_time}}</view>
							<view class="yuyueCs">{{item.buy_user_num}}人在看</view>
						</view>
						<view class="liyusdnasg">
							进入直播间
						</view>
					</view>
				</view>
			</view>
			<view class="cont streaming-cont" v-if="consultList.length">
				<view class="streaming flex-height-between">
					<view class="">
						<view class="title">推荐课程</view>
						<view class="sub-title">精选课程，实现自我提升</view>
					</view>
					<!-- <view class="streaming-cont-right" @click="goPages('/pages/')">
						查看更多 <image style="width: 16rpx;height: 16rpx;" :src="imgUrl+'/right.png'" mode=""></image>
					</view> -->
				</view>
				<view style="display: flex;flex-wrap: wrap;justify-content: space-between;">
					<view @click="goPages('/pages/courseDetails/index?id='+item.id)" class="course-list" v-for="(item,index) in consultList">
						<image class="icOn" :src="item.image" mode=""></image>
						<view class="conterArr">
							<view class="ellipsis title">{{item.title}}</view>
							<view class="money">
								{{item.count}}人学习
							</view>
							<view class="fuho">
								加入学习
							</view>
						</view>
					</view>					
				</view>
			</view>
			
			<view class="cont streaming-cont" v-if="recommendFun.length && false">
				<view class="streaming flex-height-between">
					<view class="">
						<view class="title">推荐试题</view>
						<view class="sub-title">精选试题，实现自我提升</view>
					</view>
					
				</view>
				<view style="display: flex;flex-wrap: wrap;justify-content: space-between;">
					<view @click="goPages('/record/Questionbanksimulation/index?id='+item.id)" class="course-list" v-for="(item,index) in recommendFun">
						<image class="icOn" :src="item.image" style="height: 292rpx;" mode=""></image>
						<view class="conterArr">
							<view class="ellipsis title">{{item.title}}</view>
						</view>
					</view>					
				</view>
			</view>
			<view class="cont streaming-cont" v-if="recommendFun.length">
				<view class="streaming flex-height-between">
					<view class="">
						<view class="title">央国企笔试题库模拟</view>
						<view class="sub-title">实现自我提升</view>
					</view>
					<!-- <view class="streaming-cont-right" @click="goPages('/pages/')">
						查看更多 <image style="width: 16rpx;height: 16rpx;" :src="imgUrl+'/right.png'" mode=""></image>
					</view> -->
				</view>
				<view class="borde-padd-24 borde-padd-24" >
						<view class="flex-height-between questionbank-conter" @click="goPages('/record/Questionbanksimulation/index?id='+item.id)" v-for="item in recommendFun">
							<view class="questionbank-left" >
								<image class="icon" :src="item.image" mode=""></image>
							</view>
							<view class="questionbank-right">
								<view class="ellipsis title">{{item.title}}</view>
								<view class="sub-title">
									{{item.browse_count}}人已答题
								</view>
								<view class="flex-height-between">
									<view class="flex money" v-if="item.money">
										<text class="fuho">¥</text>
										{{item.money}}
									</view>
									<view class="flex money" v-else>
										
									</view>
									<view class="btn">去答题</view>
								</view>
							</view>
						</view>
					</view>
			</view>
			
			<view class="cont streaming-cont">
				<view class="streaming flex-height-between"  @click="goPages('/pages/ai/cheConter?type=1')">
					<view class="">
						<view class="title">性格测试</view>
						<view class="sub-title">深度分析性格优劣势</view>
					</view>
				</view>
				<view class="MBITDW">
					<swiper class="swiper" indicator-color='#cccccc' indicator-active-color='#000000' :indicator-dots='true' :interval="2000" :circular="true" :autoplay="true" :display-multiple-items="2">
						<swiper-item>
							<image class="img-s" :src="imgUrl+'/MBIT.png'" mode="" @click="goPages('/pages/ai/cheConter?type=1')"></image>
						</swiper-item>
						<swiper-item>
							<image class="img-s" :src="imgUrl+'/DW.png'" mode="" @click="goPages('/pages/ai/cheConter?type=2')"></image>
						</swiper-item>
						<swiper-item>
							<image class="img-s" :src="imgUrl+'/pg.png'" mode="" @click="goPages('/pages/ai/cheConter?type=3')"></image>
						</swiper-item>
					</swiper>
				</view>
				<view class="MBITDW-test">敬请期待更多测试</view>
			</view>
			
			<image class="advertisingSpace" :src="item.imgurl" mode="" @click="goPages(item.linkurl)" v-for="item in adimgs"></image>
			
			<view class="cont streaming-cont" v-if="recommendFun.length">
			<view class="streaming flex-height-between">
				<view class="">
					<view class="title">智库报告</view>
				</view>
				<view class="streaming-cont-right" @click="goPages('/pages/index/wenjiLiw')">
					查看更多 <image style="width: 16rpx;height: 16rpx;" :src="imgUrl+'/right.png'" mode=""></image>
				</view>
			</view>
			<view class="borde-padd-24 borde-padd-24" >
					<view class="flex-height-between questionbank-conter" @click="goPages('/record/adviser/index?id='+item.id)" v-for="item in unifiendLists">
						<view class="questionbank-left" >
							<image class="icon" style="width: 190rpx;" :src="item.image_input" mode=""></image>
						</view>
						<view class="questionbank-right">
							<view class="ellipsis title">{{item.title}}</view>
							<view class="sub-title">
								{{item.synopsis}}
							</view>
							
						</view>
					</view>
				</view>
		</view>		
		
		</view>
		<view>
				<loin v-if="active!=0"></loin>
				<view style="height: 164rpx;"></view>
				<div class="footer-conter flex-line-height flex-height-between">
					<view @click="goPages('/pages/index/index')"  class="footer-list  flex-content flex-wrap active">
						<image class="imgActive" :src="imgUrl+'/footer/homeActove.png'" mode=""></image>
						<view class="size">首页</view>
					</view>
					<!-- <view :class="{
						active:active==1
					}" @click="goPages('/pages/Job/Job')" class="footer-list  flex-content flex-wrap">
						<image class="img" :src="imgUrl+'/footer/kecheng.png'" mode=""></image>
						<image class="imgActive" :src="imgUrl+'/footer/kechengActive.png" mode=""></image>
						<view class="size">发现课程</view>
					</view> -->
					<!--  -->
					<!--  -->
					<view class="footer-list" @click="goPages('/pages/Job/shaiXuan')"  v-if="in_conf.if_show && in_conf.if_show.ren">
						<view class="ai">
							<view class="aiConter">
								<image style="width: 100%;height: 100%;" :src="imgUrl+'/aicss2.png'" mode=""></image>
							</view>
						</view>
					</view>
					<!-- <view 
					@click="goPages('/pages/Job/positionList')" :class="{
						active:active==2
					}"
					 class="footer-list  flex-content flex-wrap">
						<image class="img" :src="imgUrl+'/footer/rizhi.png'" mode=""></image>
						<image class="imgActive" :src="imgUrl+'/footer/zhiwei.png'" mode=""></image>
						<view class="size">发现职位</view>
					</view> -->
					<!--  -->
					<view @click="goPages('/pages/home/index')" class="footer-list  flex-content flex-wrap">
						<image class="img" :src="imgUrl+'/footer/myconter.png'" mode=""></image>
						<view class="size">我的</view>
					</view>
				</div>
			</view>
		
	</view>
	
</template>
<script>
		
		import conmenMens from "../../components/conmenMens.vue"
		import {
			Request
				} from '@/utils/request.js'
	export default {
		components:{
		
			conmenMens,
		},
	    data() {
	        return {
	            background: ['color1', 'color2', 'color3'],
				banner:[],
				imgHeight:0,
				Tankuang:true,
				Recommend:[],
				active:0,
				in_conf:{},
				consultList:[],
				jobConList:[],
				imgUrl:this.imgUrl,
				unifiendLists:[],
				companyRecommend:[],
				indicatorDots:false,
				scrollTop:0,
				livelist:[],
				adimgs:[],
				recommendFun:[],
				menSmens:[],
				bannerimgs:[],
				divHeight:'',
	        }
	    },
		onLoad() {
			// this.imgUrl=this.this.imgUrl;
			this.tabindexFun();
			this.specialList();
			this.indexconf();
			//this.joblist();
			this.questionsList();
		    this.getUnifiendLists();
			this.getCompanyRecommend();
			this.getLivelist();
			this.getAdimg('index_ad');
			this.getbannerimg('store_home_banner');
			
		},
		// onPageScroll(e) {
		// 	this.scrollTop = this.handlePageScroll;
		// 	setTimeout(()=>{
		// 				  const query = uni.createSelectorQuery().in(this);
		// 				  query.select('#headerBanner').boundingClientRect(data => {
		// 						if (data) {
		// 						  this.divHeight = data.height;
		// 						}
		// 				  }).exec();
		// 	},100);
		// },
		onShow: function() {
		  
		},
	    methods: {
			imageLoad(e){
					const { width, height } = e.mp.detail;
				    const containerWidth = wx.getSystemInfoSync().windowWidth; // 获取屏幕宽度
				    const ratio = width / height;
				    const imgHeight = containerWidth / ratio;
				    this.imgHeight = imgHeight;
			},
			
			// job/getCompanyRecommend
// https://app.zizijy.com/api/live/list 
			locationHerf(e){
				if(e){
					window.location.href = e;
				}
			},
			onHide1() {
					this.Tankuang = false;		
				},
			getLivelist(){
				Request('live/list',{
				}).then((res) => {
					//console.log(res)
					this.livelist=res;
					// this.jobConList = this.jobConList.concat(tdata);
				})
			},
			indexconf(){
				Request('index_conf',{
				}).then((res) => {
					//console.log(res)
					this.in_conf=res;
					// this.jobConList = this.jobConList.concat(tdata);
				})
			},
			getCompanyRecommend(){
				Request('job/getCompanyRecommend',{
				}).then(({data}) => {
					const tdata = data || [];
					this.companyRecommend=this.companyRecommend.concat(tdata);
					// this.jobConList = this.jobConList.concat(tdata);
				})
			},
			getAdimg(name){
				Request('/indexad',{
					config_name:name
				}).then(({data}) => {
					//console.log(data);
					const tdata = data || [];
					this.adimgs=this.adimgs.concat(tdata);
					// this.jobConList = this.jobConList.concat(tdata);
				})
			},
			getbannerimg(name){
				Request('/indexad',{
					config_name:name
				}).then(({data}) => {
					const tdata = data || [];
					//console.log(data);
					this.bannerimgs=this.bannerimgs.concat(tdata);
					// this.jobConList = this.jobConList.concat(tdata);
				})
			},
			
			getUnifiendLists(){
				Request('article/getunifiendlist',{
					limit:6,
					cid:2
					
				}).then((res) => {
					//console.log(res);
					const tdata = res || [];
					this.unifiendLists=this.unifiendLists.concat(tdata);
					// this.jobConList = this.jobConList.concat(tdata);
				})
			},
			joblist(){
				Request('job/list').then(({data}) => {
					const tdata = data || [];
					this.jobConList = this.jobConList.concat(tdata);
				})
			},
			goPages(path){
				uni.navigateTo({
					url:path
				})
			},
			tabindexFun(){
				Request('index').then(({banner,Recommend}) => {
					this.banner=banner;
					this.Recommend=Recommend
				})
			},
			///api/special/list
			questionsList(){
				let _this=this;
				Request('questions/list').then(({list}) => {
					_this.recommendFun=this.recommendFun.concat(list);
					this.menSmens=this.menSmens.concat(list);
				})
			},
			
			specialList(){
				Request('special/list').then(({list}) => {
					const tdata = list || [];
					this.consultList = this.consultList.concat(tdata);
				})
			},
	    }
	}
	</script>
<style scoped>
	.conter {
		position: relative;
		padding-bottom: calc(104rpx + env(safe-area-inset-bottom));
	}
	.footer-conter{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		width: 100%;
		height: 104rpx;
		padding-bottom: env(safe-area-inset-bottom);
		background: #FFFFFF;
		box-shadow: 0rpx -10rpx 10rpx 1rpx rgba(0,0,0,0.05);
		transition: all 0.3s ease;
	}
	.footer-list{
		position: relative;
		width: 35%;
	}
	.footer-list .ai{
		position: absolute;
		top: -86rpx;
		left: 50%;
		transform: translate(-50%);
		padding: 10rpx;
		color: #FFFFFF;
		font-size: 40rpx;
		background-color: red;
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
		background-color: #FFFFFF;
		box-shadow: 0rpx -10rpx 10rpx 1rpx rgba(0,0,0,0.05);
	}
	.footer-list .aiConter{
		width: 104rpx;
		line-height: 104rpx;
		height: 104rpx;
		border-radius: 50%;
		text-align: center;
		background: linear-gradient( 180deg, #1940E2 0%, #5FBCFF 100%);
		box-shadow: inset 0rpx 7rpx 21rpx 1rpx rgba(255,255,255,0.51);
	}
	.footer-list .imgActive{
		display: none;
	}
	.footer-list .imgActive,.footer-list .img{
		width: 44rpx;
		height: 44rpx;
	}
	.footer-list.active .imgActive{
		display: block;
	}
	.footer-list.active .img{
		display: none;
	}
	.footer-list .size{
		width: 100%;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 26rpx;
		color: #0D0E0F;
		line-height: 36rpx;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
	.footer-list.active .size{
		color: #3B5EEC;
	}
	.headerBanner {
		position: relative;
		width: 100%;
		height: 400rpx;
		margin-bottom: 20rpx;
		z-index: 1;
	}
	
	.headerBanner swiper {
		width: 100%;
		height: 100%;
	}
	
	.headerBanner swiper-item {
		width: 100%;
		height: 100%;
	}
	
	.headerBanner image {
		width: 100%;
		height: 100%;
		border-radius: 12rpx;
		object-fit: cover;
	}
	.conterAee {
		position: relative;
		z-index: 2;
		background-color: #fff;
		padding-top: 20rpx;
		border-radius: 32rpx 32rpx 0 0;
		margin-top: -32rpx;
	}
	.questionbank-left{
		width: 248rpx;
		height: 188rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		
		margin-right: 16rpx;
	}
	
	.questionbank-left .icon{
		width: 100%;
		height: 100%;
	}
	.questionbank-left .tis{
		height: 32rpx;
		background: #419CF7;
		text-align: center;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 22rpx;
		color: #FFFFFF;
		position: absolute;
		left: 16rpx;
		top: 16rpx;
		font-style: normal;
		z-index: 9;
		text-transform: none;
		line-height: 32rpx;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		border: 1rpx solid #FFFFFF;
	}
	.questionbank-right{
		width: 520rpx;
	}
	.questionbank-right .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 800;
		font-size: 32rpx;
		line-height: 64rpx;
		color: #0D0E0F;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.questionbank-right .sub-title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #8F9294;
		text-align: left;
		font-style: normal;
		margin-bottom: 15rpx;
		text-transform: none;
	}
	.questionbank-right .money{
		font-family: MiSans, MiSans;
		font-weight: 800;
		font-size: 32rpx;
		color: #E26262;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.questionbank-right .money  .fuho{
		font-size: 24rpx;
		padding-top: 9rpx;
		margin-right: 5rpx;
	}
	.questionbank-right .btn{
		width: 136rpx;
		height: 56rpx;
		background: #E5E8F7;
		text-align: center;
		line-height: 56rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #3B5EEC;
		font-style: normal;
		text-transform: none;
	}
	.headerBanner{
		width: 750rpx;
		height: 645rpx;
	}
	.conter{
		background-color: #F5F8FC;
	}
	.conterAee{
		padding: 0 24rpx;
	}
	.search{
		width: 680rpx;
		height: 73rpx;
		position: relative;
		z-index: 9;
		border: #3B9fE0 2rpx solid;
		background: #ffffff;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		margin-top: -40rpx;
		line-height: 80rpx;
		color: #6D7A96;
		margin-bottom: 16rpx;
		padding-left: 33rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.search .search-img{
		width: 28rpx;
		margin-right: 26rpx;
		height: 28rpx;
	}
	.cont{
		width: 702rpx;
		margin: 0 auto;
		background: #FFFFFF;
		margin-bottom: 16rpx;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}
	.nav-ast{
		width: 88rpx;
		height: 88rpx;
	}
	.cont-nav{
		padding-top: 32rpx;
		padding-bottom: 32rpx;
	}
	.ast{
		display: flex;
		flex-wrap:wrap;
		justify-content: center;
	}
	.cont-nav-title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		padding-top: 8rpx;
		font-size: 26rpx;
		color: #000000;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
	.streaming-cont{
		box-sizing: border-box;
		padding: 32rpx;
	}
	.streaming .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 36rpx;
		color: #0E171F;
		text-align: left;
		font-style: normal;
		margin-bottom: 8rpx;
		text-transform: none;
	}
	.streaming-cont-right,.streaming .sub-title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #98A3B9;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.streaming-list{
		width: 638rpx;
		display: flex;
		background: linear-gradient( 90deg, #E4E7FC 0%, #F5F8FC 100%);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		box-sizing: border-box;
		align-items: center;
		padding: 24rpx;
		margin-top: 32rpx;
	}
	.streaming-list .cover{
		width: 150rpx;
		height: 200rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin-right: 24rpx;
	}
	.streaming-list .streaming-right .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #0E171F;
		text-align: left;
		margin-bottom: 12rpx;
		font-style: normal;
		text-transform: none;
	}
	.streaming-list .streaming-right .type{
		padding: 0 8rpx;
		height: 36rpx;
		background: #FFFFFF;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #F2A04E;
		line-height: 36rpx;
		text-align: left;
		display: flex;
		align-items: center;
		font-style: normal;
		text-transform: none;
	}
	.streaming-list .imgars{
		width: 20rpx;
		height: 20rpx;
		margin-right: 8rpx;
	}
	.streaming-list .yuyueCs{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #6D7A96;
		text-align: left;
		font-style: normal;
		text-transform: none;
		padding: 0 8rpx;
		height: 36rpx;
		line-height: 36rpx;
		background: #FFFFFF;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		margin-left: 8rpx;
	}
	.streaming-list .liyusdnasg{
		padding: 0 24rpx;
		width: auto;
		display: inline-block;
		height: 56rpx;
		margin-top: 32rpx;
		background: #E8A03D;
		border-radius: 28rpx 28rpx 28rpx 28rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 56rpx;
		font-style: normal;
		text-transform: none;
	}
	.LiveStreaming {
		position: relative;
		padding-left: 228rpx;
		margin-top: 72rpx;
	}
	.LiveStreaming .cover{
		width: 180rpx;
		height: 240rpx;
		position: absolute;
		left: 24rpx;
		bottom: 24rpx;
	}
	.LiveStreaming .streaming-right .type{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #3B5EEC;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.LiveStreaming .liyusdnasg{
		background-color: #3B5EEC;
	}
	.swiper{
		height: 220rpx;
	}
	.uni-swiper-dots {
	  background-color: #ff4e5b;
	}
	.uni-swiper-dot-active {
	  background-color:#ff4e5b;
	}
	.MBITDW{
		margin: 32rpx 0 0 0;
		padding-bottom: 10rpx;
	}
	.MBITDW .img-s{
		width: 306rpx;
		height: 160rpx;
		min-width: 306rpx;
		margin-right: 20rpx;
		border-radius: 10rpx;
	}
	.MBITDW-test{
		text-align: center;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #98A3B9;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
	.advertisingSpace{
		width: 100%;
		height: 160rpx;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin-bottom: 4rpx;
	}
	
	.course-list{
			align-items: center;
			margin-top: 32rpx;
			width: 50%;
			display: block;
		}
		 .course-list .icOn{
			width: 292rpx;
			height: 168rpx;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
		}
		.course-list .conterArr{
			padding-left: 24rpx;
			box-sizing: border-box;
		}
			 .course-list  .title{
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 32rpx;
				line-height: 66rpx;
				color: #0E171F;
				text-align: center;
				font-style: normal;
				text-transform: none;
		}
		.questionbank-conter{
			margin-top:17rpx;
			margin-bottom: 40rpx;
		}
	 .course-list	.conte  .lis{
		height: 40rpx;
		background: #F2F4F7;
		box-sizing: border-box;
		padding: 5rpx 12rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #8F9294;
		text-align: left;
		font-style: normal;
		margin-right: 8rpx;
		text-transform: none;
	}
	 .course-list	 .money{
		font-family: MiSans, MiSans;
		font-size: 26rpx;
		font-weight: 600;
		color: #888888;
		float: left;
		font-style: normal;
	}
	 .course-list	 .fuho{
		 font-family: PingFang SC, PingFang SC;
		 float: right;
		 color: #ffffff;
		 font-size: 24rpx;
		 background-color: #3B9fE0;
		 border-radius: 18rpx;
		 padding: 2rpx 15rpx;
	}
</style>